﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>青鸟租房</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="js/axios.js"></script>
	<script type="text/javascript" src="js/vue.min.js"></script>
	<script type="text/javascript" src="js/qnzf.js"></script>

</head>
<body>
<div id="app">
	<myheader></myheader>
	<div class="main wrap">
		<div id="houseArea">
			<table class="house-list">
				<tr v-for="h in hlist">
					<td class="house-thumb"><span><a href="page/show.jsp?id=10001"><img src="images/thumb_house.gif" /></a></span></td>
					<td>
						<dl>
							<dt>
								<a href="#">{{h.title}}</a>
							</dt>
							<dd>
								{{h.intro}}<br /> 联系方式：{{h.contact}}
							</dd>
						</dl>
					</td>
					<td class="house-type"><label class="ui-green"><input type="button" onclick='update(10001)' value="修    改" /></label></td>
					<td class="house-price"><label class="ui-green"><input type="button" onclick='del(10001, 1)' value="删    除" /></label></td>
				</tr>
			</table>
			<div class="pager">
				<ul>
					<li class="current"><a href="#">首页</a></li>
					<li class="current"><a href="#">上一页</a></li>
					<li class="current"><a href="#">下一页</a></li>
					<li class="current"><a href="#">尾页</a></li>
				</ul>
				<span class="total">1/1页</span>
			</div>
		</div>
	</div>
	<myfooter></myfooter>
</div>
<script type="text/javascript" src="js/axios.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/qnzf.js"></script>
<script>
	var v = new Vue({
		el : "#app",
		data : {
			hlist : {}
		},
		created(){
			axios.get("/c118s3plyqnzf/house/query").then(res=>this.hlist = res.data);
		}
	})
</script>
</body>
</html>
